<template>
  <div v-if="isDisplay('full')" class="content-fullscreen">
    <slot></slot>
  </div>
    <div v-if="isDisplay('seventy-thirty')" class="content-primary">
      <slot name="seventy"></slot>
    </div>
    <div v-if="isDisplay('seventy-thirty')" class="content-secundary">
      <slot name="thirty"></slot>
    </div>
    <div class="content-social">
      <slot name="social" ></slot>
    </div>
</template>

<script>
  'use strict';

  export default {
    props: ['display'],
    methods: {
      isDisplay(type) {
          return this.display === type;
      }
    },
  }
</script>
